<template>
   <div class="span-24 c-h-100p c-flex-left">
      <div class="c-item-auto c-w-0 c-h-100p c-flex-top c-pr-14" style="gap: 14px;">
         <div class="span-24 c-bgc-white c-radius-8 c-flex-top" style="min-height: 200px;">
            <Title tab title="数据指标" :label="['target']" />
            <Target ref="target" />
         </div>
         <div class="span-24 c-radius-8 c-flex-left" style="min-height: 400px; gap: 14px;">
            <div class="span-12 c-h-100p c-radius-8 c-bgc-white c-flex-top">
               <Title tab title="需求类型分析" :label="['Chart1','NeedType']" />
               <div class="span-24 c-item-auto c-h-0 c-p-20 c-flex-left">
                  <div class="span-14 c-h-100p">
                     <Chart1 ref="Chart1" />
                  </div>
                  <NeedType ref="NeedType" />
               </div>
            </div>
            <div class="span-12 c-h-100p c-radius-8 c-bgc-white c-flex-top">
               <TitleAs tab title="需求统计分析" :label="['Chart2']" />
               <div class="span-24 c-item-auto c-h-0 c-p-20 c-flex-left">
                  <Chart2 ref="Chart2" />
               </div>
            </div>
         </div>
         <div class="span-24 c-radius-8 c-item-auto c-flex-left" style="min-height: 400px;gap: 14px;">
            <div class="span-12 c-h-100p c-radius-8 c-bgc-white c-flex-top">
               <Title tab title="科室需求情况"  :label="['Table1']"/>
               <div class="span-24 c-h-0 c-item-auto c-plr-20 c-ptb-14">
                  <Table1 ref="Table1"/>
               </div>
            </div>
            <div class="span-12 c-h-100p c-radius-8 c-bgc-white c-flex-top">
               <Title tab title="厂商服务情况" :label="['Table2']"/>
               <div class="span-24 c-h-0 c-item-auto c-plr-20 c-ptb-14">
                  <Table2 ref="Table2"/>
               </div>
            </div>
         </div>
      </div>
      <div style="width:480px; gap: 14px;" class="c-h-100p c-flex-top">
         <div class="span-24 c-bgc-white c-radius-8 c-flex-top" style="min-height: 280px;">
            <Title title="我的应用" />
            <MyApp />
         </div>
         <div class="span-24 c-bgc-white c-radius-8 c-flex-top" style="min-height: 320px;">
            <Title title="监督预警" />
            <Wran />
         </div>
         <div class="span-24 c-bgc-white c-radius-8 c-item-auto c-flex-top" style="min-height:400px;">
            <Title title="工作情况" />
            <WorkCount />
            <WorkList />
         </div>
      </div>
   </div>
</template>

<script>
// import Title from "./components/tit.vue"
// import TitleAs from "./components/titAs.vue"
// import Chart1 from "./components/chart1.vue"
// import Chart2 from "./components/chart2.vue"
// import Table1 from "./components/table1.vue"
// import Table2 from "./components/table2.vue"
// import WorkList from "./components/workList.vue"
// import WorkCount from "./components/workCount.vue"
// import Wran from "./components/wran.vue"
// import MyApp from "./components/myApp.vue"
// import NeedType from "./components/needType.vue"
// import Target from "./components/target.vue"
export default {
   name: 'Analysis',
   components: {
      //Title, Chart1, Chart2, Table1, Table2, WorkList, WorkCount, Wran, MyApp, NeedType, Target,TitleAs
   }
}
</script>
